
.header {height: 60px;line-height: 60px;width: 100%;background-color: #4bc1d2;color: white;}
.header .hd {width: 90%;margin: 0px auto;overflow: hidden;}

.hd-left-span {font-size: 16px;}

.right-img img {width: 24px;height: 24px;margin: 0px 5px;}

#cityName {cursor: pointer;color: white;}

.container {width: 100%;height: 100%;overflow: hidden;}

.weathers {width: 100%;margin: 0px auto;background-image: url(../images/weatherbg/1_3.jpg);background-size: 100% auto;background-position: center;}
.weath-top {height: 45px;line-height: 45px;overflow: hidden;}
.weath-top div {color: white;}
.weath-center {overflow: hidden;color: white;}
.weath-bottom {overflow: hidden;height: 30px;line-height: 30px;margin-top: 20px;font-size: 16px;color: white;}

.center-right, .center-left {width: 50%;height: 44px;text-align: center;padding-left: 20px;font-size: 16px;color: white;}
.center-right {text-align: left;padding-left: 20px;}

.temperature {line-height: 50px; font-size : 36px;color: #f5a614;font-size: 36px;}
.temperature-small {font-size: 18px;color: #f5a614;}

.bottom-right, .bottom-left {width: 50%;}
.bottom-left {border-right: 1px solid #dcdcdc;padding-left: 20px;}
.bottom-right {padding-left: 20px;}

.top-right {margin-top: 5px;}
.top-left {cursor: pointer;padding-left: 5px;}
.top-center {overflow: hidden;width: 70%;max-width: 320px;white-space: nowrap;padding: 0px 20px;display: none;}

.collection-title, .news-title, .share-title {width: 100%;background-color: #D3D3F7;background-size: 100% 100%;padding: 5px 10px;font-size: 16px;}

.shareList {overflow: hidden;margin-bottom: 10px;}
.shareList li {float: left;width: 25%;max-height: 122px;list-style: none;}
.shareImg img {width: 90%;padding-top: 10px;}

.news-bd-lt {width: 36%;padding-right: 6px;}
.news-bd-rg {width: 63%;height: 254px;background-color: white;padding: 6px;line-height: 24px;font-size: 14px;overflow: hidden;}
.news-bd {overflow: hidden;background-color: #e8e8e8;}
.news-lt-focus {height: 150px;background-color: #fcc837;padding: 10px;color: white;}
.news-lt-set {height: 98px;line-height: 78px;margin-top: 6px;background-color: #6ac83c;padding: 10px;color: white;}

h4.focus-title {font-size: 16px;text-align: center;}

.focus-bd {position: relative;bottom: -80px;overflow: hidden;height: 34px;line-height: 34px;}
.focus-lv {color: #345698;}
.focus-index {color: #cfa345;font-size: 24px;}

.set-db span {font-size: 20px;color: #345698;}

.collection {width: 100%;}
.collection-bd {padding: 10px 0px;}
.collection ul {overflow: hidden;width: 100%;list-style: none;}
.collection ul li {float: left;width: 20%;text-align: center;}
.collec-top {width: 32px;height: 32px;text-align: center;vertical-align: middle; display : inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;}
.collec-top img {cursor: pointer;width: 100%;height: 100%;}
.collec-top img.bg {}
.collec-bottom {font-size: 10px;}

#btnAdd img,  #btnDelete img{cursor: pointer;width: 24px;height: 24px;margin: 4px;vertical-align: middle;  }

.deleteTag {margin-left: -5px;margin-top: -35px;position: absolute;z-index: 6102;width: 20px;height: 20px;background-color: white;border-radius: 50%;border: 2px solid red;color: red;font-size: 12px;}

#lblCollectDialogInfo{}

.modal {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;outline: 0;z-index: 1050;}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-header {min-height: 16.43px;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-body {position: relative;padding: 15px;}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}

.confirm_modal {height: 100px;}

.tooltip {}

.rotate {z-index: 1;}
.rotate_r1 {}
.rotate_r2 {}


/** 天气样式*/
